@import "theme";
  #root{
    height: 100%;
  }
  h1,h2,h3,h4,h5{
    font-weight: 500;
  }
  body{
    font-size: 12px;
  }
  .h1 {
    font-size: 36px;
  }
  h2,
  .h2 {
    font-size: 30px;
  }
  h3,
  .h3 {
    font-size: 24px;
  }
  h4,
  .h4 {
    font-size: 18px;
  }
  h5,
  .h5 {
    font-size: 14px;
  }
  h6,
  .h6 {
    font-size: 12px;
  }
  p{
    margin: 0;
  }
  .fl{
    float: left;
  }
  .fr{
    float: right;
  }
  .mt10{
    margin-top: 10px;
  }
  .ml10{
    margin-left: 10px;
  }
  .mr10{
    margin-right: 10px;
  }
  .mb10{
    margin-bottom: 10px;
  }
  .mr5{
    margin-right: 5px;
  }
  .textCenter{
    text-align: center;
  }
  .clearfix:before,
  .clearfix:after{
    display: table;
    content: " ";
  }
  .clearfix:after{
    clear: both;
  }
  .primaryColor{
    color: @primary-color;
  }
  .errorColor{
    color: @error-color;
  }
  .hide{
    display: none!important;
  }
  .invisible{
    visibility: hidden;
  }
  .contentBody{
    margin: 24px 24px 0;
    padding: 24px 32px;
    background: #fff;
  }
  .page{
    position: relative;
    height: 100%;
    padding: 0 10px;
  }
.curP{
  cursor: pointer;
}
.pageLayout{
  margin-top: 50px;
}
.sider{
  position: relative;
  min-height: calc(~"100vh - 50px");
  padding-top: 10px;
  background: #001529;
  box-shadow: 2px 0 6px rgba(0,21,41,.35);
  z-index: 10;
}
.header{
  position: fixed;
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  background: #fff;
  color: rgba(0,0,0,.65);
  font-size: 16px;
  -webkit-box-shadow: 0 1px 4px rgba(0,21,41,.08);
  box-shadow: 0 1px 4px rgba(0,21,41,.08);
  z-index: 20;
}
.logoTitle{
  font-size: 16px;
}

.headerToolsItem{
  float: left;
  margin-left: 20px;
  cursor: pointer;
}
.headerNotice{
  padding-top: 2px;
  cursor: pointer;
}
.headerRing{
  font-size: 16px;
  color: #fff;
}
.headerBadge{
  vertical-align: top;
}
.toggleMenu{
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}
.treeArea{
  position: absolute;
  top: 10px;
  left: 10px;
}
.tableArea{
  margin-left: 200px;
}
.ant-table{
  td{
    background: #fff;
  }
}
.getInfo{
  color: @primary-color;
  cursor: pointer;
}
.ant-btn.addNew{
  background-color: #28a745;
  border-color: #28a745;
  &:hover{
    background-color: #28a745;
    border-color: #28a745;
    opacity: .85;
  }
}

.ant-btn.modBtn{
  background-color: #17a2b8;
  border-color: #17a2b8;
  &:hover{
    background-color: #17a2b8;
    border-color: #17a2b8;
    opacity: .85;
  }
}

.formAddBtn{
  position: relative;
  margin-top: 4px;
}
.modalForm{
  .ant-form-item{
    padding: 0 10px;
  }
}
.ant-table-thead > tr > th, .ant-table-tbody > tr > td{
  padding: 12px 14px!important;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header{
  padding: 10px 0 10px 40px!important;
}
.ant-collapse-item{
  margin-bottom: 12px!important;
}
.ant-collapse-content-box{
  padding: 0 16px 8px 16px!important;
}
.ant-form-item{
  margin-bottom: 10px!important;
}
.ant-modal-body{
  padding: 14px!important;
}
.ant-modal{
  top: 40px!important;
}
@media (max-width: 1500px){
  .ant-table-thead > tr > th, .ant-table-tbody > tr > td{
    padding: 10px 12px!important;
  }
  .ant-collapse > .ant-collapse-item > .ant-collapse-header{
    padding: 8px 0 8px 40px!important;
  }
  .ant-collapse-item{
    margin-bottom: 10px!important;
  }
  .ant-collapse-content-box{
    padding: 0 16px 8px 16px!important;
  }
  .ant-form-item{
    margin-bottom: 0!important;
  }
  .ant-modal-body{
    padding: 14px!important;
  }
}